<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://developers.facebook.com/schema/">
<head>
	<title>Wattpad - <?=$this->get('title')?></title>
	<meta http-equiv="X-UA-Compatible" content="IE=9"/>
	<meta content="text/html; charset=utf-8" http-equiv="content-type"/>
	<meta name="keywords" content="eBooks,Romance,Mystery,Fantasy,Poetry,Teen,Fan Fiction,Vampire,Stories,Books,Reading,Writing"/>
	<meta name="description" content="Join the Wattpad community to read, vote and chat with readers and writers for free."/>
	<link rel="shortcut icon" href="<?=site_url()?>favicon.ico"/>
	<link href='css/font.css' rel='stylesheet' type='text/css'/>
	<link rel='stylesheet' href='css/web.css' type='text/css' />
    <link rel='stylesheet' href='css/facebox.css' type='text/css' />
    <link rel='stylesheet' href='css/carousel.css' type='text/css' />
	<link rel='stylesheet' href='css/jquery-ui-1.8.16.custom.css' type='text/css' />
	<?php foreach($this->get('javascript') as $js):?>
		<script src="<?=$js?>" type='text/javascript'></script>
	<?php endforeach;?>
    <!--<script src='js/jquery.min.js' type='text/javascript'></script>
    <script src='js/jquery.cookie.min.js' type='text/javascript'></script>
    <script src='js/facebox.1.3.min.js' type='text/javascript'></script>
    <script src='js/wattpad.js' type='text/javascript'></script>
	<script src='js/jquery-ui-1.8.16.custom.min.js' type='text/javascript'></script>
    <script src='js/jquery.endless-scroll.js' type='text/javascript'></script>
    <script src='js/jquery.tipsy.js' type='text/javascript'></script>
    <script src='js/jquery.truncator.js' type='text/javascript'></script>
    <script src='js/squeeze.scroll.js' type='text/javascript'></script>
    <script src='js/carousel.js' type='text/javascript'></script>
    <script src='js/user_profile.js' type='text/javascript'></script>
    <script src='js/vote.js' type='text/javascript'></script>
    <script src='js/view.js' type='text/javascript'></script>
    <script src='js/util.js' type='text/javascript'></script>
    <script src='js/jquery-ui-1.8.16.custom.min.js' type='text/javascript'></script>
    <script src='js/jquery.query-2.1.7.js' type='text/javascript'></script>
    <script src='js/jquery.tipsy.js' type='text/javascript'></script>
    <script src='js/jquery.selectBox.min.js' type='text/javascript'></script>
    <script src='js/jquery.hoverIntent.min.js' type='text/javascript'></script>-->
	
	<!--[if IE 6]>
	<script src='js/DD_belatedPNG_0.0.8a-min.js' type='text/javascript'></script>
	<script type="text/javascript">
		header_png();
	</script>
	<link rel='stylesheet' href='css/ie6.css' type='text/css' />
	<![endif]-->

	<!--[if IE 7]>
	<link rel='stylesheet' href='css/ie7.css' type='text/css' />
	<![endif]-->

	<script>
		var _gaq = _gaq || [];
		_gaq.push(['_setAccount', 'UA-886196-1'],['_setDomainName', 'wattpad.com'],['_trackPageview'],['_trackPageLoadTime']);
	</script>
</head>

<body topmargin="0" leftmargin="0" rightmargin="0" >

    <!-- Header Shufle -->
    <div id="bg_header">
		<div class="shuffletab">
			<a href="<?=site_url('page/user/shuffle')?>" title="Wattpad Shuffle">
			  <img src='images/shuffle_icon.png' width='40' height='40' alt='shuffle'  />
			</a>
		</div>
	</div>
    <!-- Header Shufle -->

    <!-- Header Wrapper -->
	<div id="header_wrapper">
	   <div id="header" class="png_bg updated">
           <!-- Header Login -->
           <div id="header_login">
                <form name="toplogin" id="toplogin" action="<?=site_url('member/user/login')?>" method="post" style="display:inline">
				    <input type="text" class="inputbox" id="username" name="username" placeholder="Username" size="8" maxlength="128">
				    <input type="password" class="inputbox" name="password" placeholder="Password" size="8" maxlength="20">
				    <input type="text" style="display: none;" disabled="disabled" size="1" />
				    <input type="submit" id="login_button" class="b2 medium orange" value="Login">
				    <!--[if IE]><input type="text" style="display: none;" disabled="disabled" size="1" /><![endif]-->
                </form>
	       </div>
           <!-- Header Login -->
	       
           <!--Top Menu Header-->
           <div id="top_nav_float">
					<div id="top_nav" class="png_bg">
						<ul class="main_tabs">
							<li class="header_tabs discover_container">
								<div id="discover_tab" class="tab_container has_subtabs">
									<span>Discover</span>
									<div class="search_wrapper png_bg">
										<form action="<?=site_url('stories/user/search')?>" method="POST">
										<input type="text" id="searchinput" class="search_box" name="search" size="16"/>
										<input type="image" src="images/searchicon.png" class="search_box_submit"/>
									</form>
									</div>
									<div class="sub_tabs discover">
										<div class="discover_options hover_effect">
											<ul>
												<li><a href="<?=site_url('stories/user');?>">Categories<img src='images/arrow_right_white.png' width='12' height='12' alt='arrow_right_white.png'/></a></li>
												<li><a href="<?=site_url('stories/user/featured');?>">Featured</a></li>
												<li><a href="<?=site_url('page/user/watty');?>"><?=lang('watty')?></a></li>
												<li><a href="<?=site_url('stories/user/undiscovered');?>">Undiscovered Gems</a></li>
												<li><a href="<?=site_url('stories/user/hot');?>">What's Hot</a></li>
												<li><a href="<?=site_url('stories/user/whats_new');?>">What's New</a></li>
											</ul>
										</div>
										<div class="discover_categories hover_effect_cat">
											<ul>
												<li><a href="<?=site_url('stories/user/categories');?>" onclick="ga_track('Global Nav', 'Category selected', 'Romance')">Romance</a></li>
												<li><a href="<?=site_url('stories/user/categories');?>" onclick="ga_track('Global Nav', 'Category selected', 'Science Fiction')">Science Fiction</a></li>
												<li><a href="<?=site_url('stories/user/categories');?>" onclick="ga_track('Global Nav', 'Category selected', 'Fantasy')">Fantasy</a></li>
												<li><a href="<?=site_url('stories/user/categories');?>" onclick="ga_track('Global Nav', 'Category selected', 'Mystery')">Mystery</a></li>
												<li><a href="<?=site_url('stories/user/categories');?>" onclick="ga_track('Global Nav', 'Category selected', 'Humor')">Humor</a></li>
												<li><a href="<?=site_url('stories/user/categories');?>" onclick="ga_track('Global Nav', 'Category selected', 'Paranormal')">Paranormal</a></li>
												<li><a href="<?=site_url('stories/user/categories');?>" onclick="ga_track('Global Nav', 'Category selected', 'Horror')">Horror</a></li>
												<li><a href="<?=site_url('stories/user/categories');?>" onclick="ga_track('Global Nav', 'Category selected', 'Adventure')">Adventure</a></li>
												<li><a href="<?=site_url('stories/user/categories');?>" onclick="ga_track('Global Nav', 'Category selected', 'Thriller')">Thriller</a></li>
												<li><a href="<?=site_url('stories/user/categories');?>" onclick="ga_track('Global Nav', 'Category selected', 'Historical Fiction')">Historical Fiction</a></li>
												<li><a href="<?=site_url('stories/user');?>" onclick="ga_track('Global Nav', 'Category selected', 'Teen Fiction')">Teen Fiction</a></li>
												<li><a href="<?=site_url('stories/user');?>" onclick="ga_track('Global Nav', 'Category selected', 'Fan Fiction')">Fan Fiction</a></li>
												<li><a href="<?=site_url('stories/user');?>" onclick="ga_track('Global Nav', 'Category selected', 'Poetry')">Poetry</a></li>
												<li><a href="<?=site_url('stories/user');?>" onclick="ga_track('Global Nav', 'Category selected', 'Short Story')">Short Story</a></li>
												<li><a href="<?=site_url('stories/user');?>" onclick="ga_track('Global Nav', 'Category selected', 'Non-Teen Fiction')">Non-Teen Fiction</a></li>
												<li><a href="<?=site_url('stories/user');?>" onclick="ga_track('Global Nav', 'Category selected', 'Action')">Action</a></li>
												<li><a href="<?=site_url('stories/user');?>" onclick="ga_track('Global Nav', 'Category selected', 'Vampire')">Vampire</a></li>
												<li><a href="<?=site_url('stories/user');?>" onclick="ga_track('Global Nav', 'Category selected', 'Werewolf')">Werewolf</a></li>
												<li><a href="<?=site_url('stories/user');?>" onclick="ga_track('Global Nav', 'Category selected', 'Spiritual')">Spiritual</a></li>
												<li><a href="<?=site_url('stories/user');?>" onclick="ga_track('Global Nav', 'Category selected', 'Non-Fiction')">Non-Fiction</a></li>
												<li><a href="<?=site_url('stories/user');?>" onclick="ga_track('Global Nav', 'Category selected', 'Classics')">Classics</a></li>
												<li><a href="<?=site_url('stories/user');?>" onclick="ga_track('Global Nav', 'Category selected', 'Other')">Other</a></li>
											</ul>
										</div>
									</div>
								</div>
								<a id="logo_click" name="top" href="<?=site_url()?>" rel="nofollow"></a>
							</li>
							<li id="create_tab" class="header_tabs">
								<a href="<?=site_url('stories/user/mystories')?>"><span><?=lang('create')?></span></a>
							</li>
							<li id="community_tab" class="header_tabs has_subtabs">
								<span>Community</span>
								<div class="sub_tabs community hover_effect">
									<ul>
										<li><a href="<?=site_url('page/user/insider');?>">Insider</a></li>
										<!--Hide
                                        <li><a href="<?=site_url('clubs/user');?>">Clubs</a></li>
										<li><a href="#">Contests</a></li>
                                        -->
										<li><a href="<?=site_url('page/user/watty');?>"><?=lang('watty')?></a></li>
									</ul>
								</div>
							</li>
                            <?php if(is_logged_in('user_id')):?>
                                <li id="user_tab" class="header_tabs has_subtabs shrink">
    						          <span class="userinfo">
                                             <img src="images/b.24.jpg" alt="repotman" align="top" class="smallpic" border="0" width="24" height="24" />
    							             <span><?=user_auth('user_name');?></span>
    								  </span>
						              <div class="sub_tabs user hover_effect">
    									   <ul>
    										  <li><a href="<?=site_url('member/user/profile/'.user_auth('user_name'))?>"><span>My Profile</span><img src='images/profile_icons_me.png'  alt='profile_icons_me.png'  /></a></li>
    										  <li><a href="<?=site_url('messages/user/inbox')?>"><span>My Inbox</span><img src='images/profile_icons_message.png'  alt='profile_icons_message.png'  /></a></li>
    										  <li><a href="<?=site_url('stories/user/mystories')?>"><span>My Works</span><img src='images/profile_icons_lighting.png'  alt='profile_icons_lighting.png'  /></a></li>
    										  <li><a href="<?=site_url('stories/user/reading')?>"><span>Reading Lists</span><img src='images/profile_icons_RL.png'  alt='profile_icons_RL.png'  /></a></li>
    										  <li><a href="<?=site_url('member/user/find_friend')?>"><span>Invite Friends</span><img src='images/profile_icons_friends.png'  alt='profile_icons_friends.png'  /></a></li>
    										  <span class="profile_divider"></span>
    										  <li><a href="<?=site_url('member/user/myprofile/')?>"><span>Settings</span></a></li>
    										  <li><a href="<?=site_url('member/user/do_logout')?>"><span>Logout</span></a></li>
    									   </ul>
								     </div>
		                        </li>
                            <?php else: ?>
    							<li id="login_links" class="header_tabs">
    								<a class="join_now" href="<?=site_url('member/user/register')?>" rel="nofollow">Join Now</a>
    								<a class="login_now" id="loginlink" href="<?=site_url('member/user/login')?>" onclick="return false;" rel="nofollow">Login</a>
    							</li>
                            <?php endif;?>
                            
							<li class="header_tabs nav_links">
								<a href="#" title="Help"><img src='images/help.png' width='15' height='14' alt='help.png'  /></a>
							</li>
						</ul>
					</div>
	       </div>
           <!--Top Menu Header-->
        </div>

			<script type="text/javascript">
				cleanHeaderBar();
			</script>

			<!--[if IE 6]>
			<script type="text/javascript">
				cleanHeaderBarIE6();
			</script>
			<![endif]-->

    </div>
    <!-- Header Wrapper -->